<template>
  <div class="articles-area">
    <el-card style="text-align: left;height:auto;width: 990px;margin: 35px auto 0 auto">
      <div>
        <span style="font-size: 20px"><strong>{{article.Title}}</strong></span>
        <el-divider content-position="left">{{article.pubTime}}</el-divider>
        <div v-html="article.Content"></div>
      </div>
    </el-card>
    <div>
      <comment></comment>
    </div>
  </div>
</template>

<script>
import Comment from "./Comment.vue";

export default {
  name: "Article",
  components: {Comment},
  data () {
    return {
      article:
        {
          id:"1",
          Title:"参商",
          pubTime:"2023-6-13",
          Content:"你好啊",
        }
    }
  },
  /*mounted () {
    this.loadArticle()
  },*/
  methods: {
    loadArticle () {
      /*var _this = this
      this.$axios.get('/post/Article' + this.$route.query.id).then(resp => {
        if (resp && resp.data.code === 200) {
          _this.article = resp.data.result
        }
      })*/

    }
  }
}
</script>

<style scoped>
.articles-area {
  position: absolute;
  top:100px;
  left:350px;
  width: 900px;
  height: 450px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}
</style>
